<template>
  <div class="about">
    <h1>This is an about page</h1>
    
    <div>
      <van-rate v-model="value" />
    </div>
    <div>
      <van-button type="default">默认按钮</van-button>
      <van-button type="primary">主要按钮</van-button>
      <van-button type="info">信息按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
      <van-button type="danger">危险按钮</van-button>
    </div>
    
  </div>
</template>
<script>
import { Button,Rate } from 'vant';
export default {
  name: 'About',
  components:{
    [Button.name]:Button,
    [Rate.name]:Rate,
  },
  data() {
    return {
      value: 3
    };
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">

</style>